<section [@SlideIn] ="'active'">

  <nav>
    <ul class="nav">
      <li *ngFor="let data of routerData">
        <a routerLink="{{ data.path }}" routerLinkActive="active">{{ data.name }}</a>
      </li>
    </ul>
  </nav>

  <div class="router-view">
    <router-outlet></router-outlet>
  </div>
</section>
